<template>
	<div class="actqa">
		<div class="title" v-if="title">
			{{title}}
		</div>
		<el-col :span="24">
			<div class="_fd-row el-row" :class="{'_fc-child-empty' : !$slots.default}" v-bind="$attrs">
				<slot name="default"></slot>
			</div>
		</el-col>
	</div>
</template>

<script>
	import {
		defineComponent
	} from 'vue';

	export default defineComponent({
		name: 'ActQA',
		data() {
			return {

			};
		},
		props: {
			title: String
		},
		computed: {


		}
	});
</script>

<style scoped>
	._fd-row {
		width: 100%;
	}

	.actqa {
		width: 360px;
		margin: 7.5px 7.5px 0 7.5px;
		background-color: #FFF;
		border-radius: 7.5px;
		border: 1px solid #eee;
	}

	.title {
		padding-left: 10px;
		font-size: 18px;
		font-weight: 900;
		line-height: 40px;
		height: 40px;
		border-bottom: 1px solid #eee;
	}
</style>
